<template>
    <div>
        <div>x:{{ mousePosition.x }},y:{{ mousePosition.y }}</div>
    </div>
</template>
<script lang="ts">
import { defineComponent, reactive, onMounted, onBeforeUnmount } from "vue";
import useMousePosition, { mousePositionType } from "../hooks/useMousePosition";
export default defineComponent({
    setup() {
        const mousePosition: mousePositionType = useMousePosition();
        return {
            mousePosition,
        };
    },
});
</script>
